<template>
	<div id="app">
		<transition name="fade"
		            mode="out-in">
			<router-view v-if="isReload"></router-view>
		</transition>
	</div>
</template>

<script>
export default {
	name: 'app',
	components: {
	},
  provide() {
    return {
      reload: this.reload
    };
  },
   data() {
    return {
      isReload: true
    }
  },
  methods: {
    reload() {
      this.isReload = false;
      this.$nextTick(function() {
        this.isReload = true;
      });
    }
  }
}

</script>

<style lang="scss">
*{margin:0;padding:0;}

body {
	margin: 0px;
	padding: 0px;
	/*background: url(assets/bg1.jpg) center !important;
		background-size: cover;*/
	// background: #1F2D3D;
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

#app {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
}
//全局个性滚动条
::-webkit-scrollbar {
	width: 8px;height:8px;
}
::-webkit-scrollbar-track {
background-color:#fff;
-webkit-border-radius:  4px;
-moz-border-radius:  4px;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background-color:rgba(144,147,153,.3);
-webkit-border-radius: 4px;
-moz-border-radius:  4px;
border-radius: 4px;
}

.el-submenu [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}

.el-menu-item [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}
.el-menu{border-right:0;}
.toolbar {
	background: #f2f2f2;
	padding: 10px;
	//border:1px solid #dfe6ec;
	margin: 10px 0px;
	.el-form-item {
		margin-bottom: 10px;
	}
}

.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.el-scrollbar__wrap{overflow-x:hidden; }
.el-select-dropdown .el-scrollbar__wrap{overflow-x:scroll; }
.el-scrollbar__bar{z-index: 3;}
.el-scrollbar__wrap .el-scrollbar__view{height: 100%;}
//@at-root
.el-menu--collapse .el-menu-item .el-submenu__icon-arrow,.el-menu--collapse .el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}
.el-menu--collapse .el-menu-item span,.el-menu--collapse .el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}


.flex-div{display: flex;}
//自定义element-ui button样式
.el-button--mini{padding:5px 7px;}
//个性化左侧导航
.el-submenu .el-submenu__title:hover i,.el-submenu .el-submenu__title:hover span,.el-menu-item:hover span{color:#fff;}
.el-menu-item.is-active span{text-shadow:1px 2px 8px #99bbe8;font-weight:bold;}


//editor
.tox-silver-sink.tox-tinymce-aux{z-index: 3015}

//upload
.el-upload--picture-card,.el-upload-list--picture-card .el-upload-list__item{width:100px; height: 100px;line-height: 100px;}
.textcenter{text-align: center;}
//common
$Color:#15428F;
$Bgnavtab:rgba(255,255,255,.5);
$BgHeader:#DFE8F6;
$BorderColor:#99bbe8;
$tipsColor:#DCDFE6;
.public-common{
    padding: 10px 20px 0;box-sizing:border-box;height:100%;
    .public-title{line-height: 30px;background-color: #deecfd;padding:0 10px;color:$Color; }
	.public-searchbox{padding:10px;}
	.public-scroll{height:calc(100% - 125px);position: relative;}
	.public-box{padding:20px 20px 10px;border:1px solid $BorderColor; position: relative;margin-top:15px;border-radius: 4px;
		.public-box-tit{position: absolute; left:20px;top:-10px;font-size: 14px;font-weight: bold;color: $Color;background-color: #fff;padding:0 5px;}
	}
	//padding: 20px 20px 10px;box-sizing:border-box;height:100%;
    .carunit-box{margin:0 10px 0 0;border:1px solid $BorderColor;height: 100%;
        .carunit-tit{line-height:30px;font-size:14px;margin:0 10px;border-bottom:1px solid $BorderColor}
        .carunit-li{line-height:25px;color:#666;
        cursor: pointer;padding-left:5px;
            &:nth-child(odd){background-color: #eee;}
            &:hover,&.active{color:$Color;background-color: $BgHeader;}
            &.active{font-weight: bold;}
        }
    }
}
.pagination{
	position: absolute;left:0;bottom:10px;padding:0 10px;
}
.public-tipsbox{
    width: 90%;padding:20px 20px 10px;border:1px solid $tipsColor;border-radius:4px;position: relative;font-size: 12px;
	&p{line-height: 30px;}
	.tipsbox-tit{position: absolute;left:2px;top:-10px;background-color: #fff;line-height: 20px;padding: 0 2px;color:$Color;font-size: 14px;}
}
.dialog-navtab{height:30px;border-bottom:  2px solid $BorderColor;margin-bottom:20px;
    &>div{
        float: left;
        padding: 0 10px;background-color: #deecfd;border-top-left-radius: 3px;border-top-right-radius: 3px;border: 1px solid $BorderColor;margin-right:5px;line-height:29px;border-bottom:none;cursor: pointer;
        &.dialog-navactive{color:$Color;font-weight: bold;background-color:#fff;}
    }
}
</style>
